@import url("reset.css");
@import url("cssMyFrame.css");
@import url("960-sbk.css");
 @charset "utf-8";
/* CSS Document */


/*=========================
GLOBAL CSS
==========================*/
body {
	color: #666666;
	font-family: 'ScotiabankModernRegular' !important;
	font-size: 13px;
	line-height:130%;
}
p.lead {
	display:table-cell;
	vertical-align:middle;
	height:100px;
	font:normal 16px/130% 'ScotiabankModernItalic';
}

p{ margin-bottom:10px;}
/*img { opacity:0; filter:alpha(opacity=0);}*/
.but {
	display:block;
	height:20px;
	width:20px;
	margin-right:5px;
	background-color:red;
	z-index:100;
	float:left;
	background: #690030; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(45deg, #690030 0%, #e20177 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #690030), color-stop(100%, #e20177)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, #690030 0%, #e20177 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, #690030 0%, #e20177 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, #690030 0%, #e20177 100%); /* IE10+ */
	background: linear-gradient(45deg, #690030 0%, #e20177 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#690030', endColorstr='#e20177', GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.but .image {
	
	width:20px;
	height:20px;
	display:block
}

.but .image .arrow { 
	background-image:url(../img/arrows_lr.png);
	width:20px;
	height:20px;
	display:block

}
#left-but .image .arrow{
	background-position:left;
}
#right-but .image .arrow {
	background-position:right;
}
#left-but .image:hover {
	background: #003447; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
	background: -moz-linear-gradient(45deg, #003447 0%, #0084a9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #003447), color-stop(100%, #0084a9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, #003447 0%, #0084a9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, #003447 0%, #0084a9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, #003447 0%, #0084a9 100%); /* IE10+ */
	background: linear-gradient(45deg, #003447 0%, #0084a9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003447', endColorstr='#0084a9', GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
#right-but .image:hover {
	background: #003447; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
	background: -moz-linear-gradient(45deg, #003447 0%, #0084a9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #003447), color-stop(100%, #0084a9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, #003447 0%, #0084a9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, #003447 0%, #0084a9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, #003447 0%, #0084a9 100%); /* IE10+ */
	background: linear-gradient(45deg, #003447 0%, #0084a9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003447', endColorstr='#0084a9', GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
/*==========================
TITULOS
==========================*/

#titles {
	margin:20px 0 0;
	border-bottom:solid 1px #EDEDED;
	border-top:solid 1px #EDEDED;
}
/*=========================
TOP MENU
=========================*/

#top-menu {
	float: right;
	margin: 30px 0 5px;
}
#top-menu li {
	color: #EB1A24;
	float: left;
	padding-left: 10px;
	position: relative;
}
#top-menu li a {
	color: #EB1A24;
	display: block;
}
#top-menu li a .red_arrow {
	background: url("../img/red_arrow.png") no-repeat scroll 0 0 transparent;
	display: block;
	height: 10px;
	position: absolute;
	right: -16px;
	top: 5px;
	width: 10px;
}
#top-menu .session {
	right: 0;
	top: 10px;
}
#top-menu .level2 {
	color: white;
	display: none;
	padding-left: 0;
	padding-top: 10px;
	position: absolute;
	z-index: 100;
}
#top-menu .level2 h3 {
	font-family: 'ScotiabankModernBold';
}
#top-menu .cont {
	float: left;
	padding: 15px 10px;
}
#top-menu .cont_2 {
	float: left;
}
#top-menu .cont_2 ol {
	background-color: #F5F5F5;
	padding: 5px 10px 8px;
}
#top-menu .cont_2 ol li {
	border-bottom: 1px solid #D1D1D1;
	display: block;
	padding: 5px 0 2px;
	width: 95%;
}
#top-menu .cont_2 a {
	background: url("../img/bullet.png") no-repeat scroll left 5px transparent;
	line-height: 130%;
	margin-bottom: 5px;
	padding-left: 10px;
}
#top-menu .cont_2 .arrow {
	height: 10px;
	left: 40%;
	position: absolute;
	top: 5px;
	width: 45px;
}
#top-menu .cont .arrow {
	background: url("../img/login_arrow.png") no-repeat scroll 0 0 transparent;
	height: 10px;
	left: 76%;
	position: absolute;
	top: -5px;
	width: 45px;
}
#top-menu .session {
	width: 220px;
}
#top-menu .session input[type="text"] {
	margin-left: 3px;
	width: 175px;
	z-index: 2 !important;
}
#top-menu .session a {
	color: white;
	line-height: 130%;
	text-decoration: none;
}
#top-menu .session a:hover {
	text-decoration: underline;
}
#top-menu .bg-session {
	background: url("../img/login_background.png") repeat-x scroll 0 0 transparent;
	box-shadow: 0 0 15px #333333;
}
#top-menu .init-session {
	background-position: 0 0;
}
#top-menu .create-session {
	background-position: 0 -240px;
}
#top-menu ul.todo-scotia li {
}
#top-menu ul.todo-scotia li a {
	color: #666666;
}
#top-menu ul.todo-scotia li a:hover {
	text-decoration: underline;
}
#top-menu div.selector span {
	width: 30px;
	z-index: 2;
}
/*=====================
BOTTOM MENU
=====================*/
#footer {
	font-size: 12px;
}
#bottom-menu {
	float: right;
	margin-bottom: 5px;
}
#bottom-menu li {
	color: #9D9D9D;
	float: left;
	padding-left: 5px;
}
#bottom-menu li a {
	color: #9D9D9D;
	display: block;
}
/*========================
CARROUSEL
========================*/

#nav-buttons { position:absolute; top:10px; right:2.5%}
#desc { position:absolute; top:10px; left:2%; }
#desc #title-text { font-family:'ScotiabankModernBold'; font-size:18px; color:#E20177; margin-bottom:5px;}

/*=============
LISTAS
==============*/
ul.bullets { float:left; margin-top:10px;}
ul.bullets li{ padding-left:10px; background:transparent url(../img/bullet.png) no-repeat 0px 5px; margin-bottom:5px; text-align:left;}
ul.bullets li a { text-decoration:underline; display:block; color:#666;  }
ul.bullets li a:hover, ul.bullets li a.active { color:red;}

/*================
TABS
=================*/
#tabs { height:395px; overflow:hidden;}
#tabs div.f-left { border-left:solid 1px #ededed; padding-left:10px; width:100%; text-align:center; }
#tabs h2 { text-align:left; margin-top:20px;}